.app-panel-field {
  height: 100%;
  width: 100%;
  display: flex;

  .app-panel-field__editor {
    flex-grow: 1;
    line-height: 34px;

    .check-error {
      .ant-input {
        border-color: red;
      }
    }

    .error-info {
      color: red;
    }
  }

  .app-panel-field-label {
    line-height: 22px;
    flex-shrink: 0;
  }
}

.app-panel-field.label-top {
  flex-flow: column;
}

.app-panel-field.label-bottom {
  flex-flow: column-reverse;
}

.app-panel-field.label-left {
  .app-panel-field-label {
    text-align: right;
  }
}

.app-panel-field.label-right {
  flex-flow: row-reverse;

  .app-panel-field-label {
    padding: 6px 0px 6px 10px;
  }
}

.app-panel-field.label-none {
  .app-panel-field-label {
    display: none;
  }
}
